document.write("<table border=\"1\" cellpadding=\"2\"><tbody>"
+" <tr>"
+"  <td colspan=\"3\" style=\"text-align:center\">Suhoor and Iftar Reminder</td>"
+" </tr>"
+" <tr id=\"upperOpenPreviewSWBP2PO\" style=\"display:none;\">"
+"  <a name=\"topOfForm\"></a>"
+"  <td colspan=\"3\" style=\"text-align:center;\" id=\"openPreviewSWBP2PO\"></td>"
+" </tr>"
+" <tr>"
+"  <td>Time Zone</td><td><select name=\"DropDownTimezone\" style=\"width:105px\" id=\"DropDownTimezone\" onchange=\"document.getElementById('timeZoneField').value=this.options[this.selectedIndex].value;\">"
+"      <option value=\"-12\">(GMT -12:00) Eniwetok, Kwajalein</option>"
+"      <option value=\"-11\">(GMT -11:00) Midway Island, Samoa</option>"
+"      <option value=\"-10\">(GMT -10:00) Hawaii</option>"
+"      <option value=\"-9\">(GMT -9:00) Alaska</option>"
+"      <option value=\"-8\">(GMT -8:00) Pacific Time (US &amp; Canada)</option>"
+"      <option value=\"-7\">(GMT -7:00) Mountain Time (US &amp; Canada)</option>"
+"      <option value=\"-6\">(GMT -6:00) Central Time (US &amp; Canada), Mexico City</option>"
+"      <option value=\"-5\">(GMT -5:00) Eastern Time (US &amp; Canada), Bogota, Lima</option>"
+"      <option value=\"-4\">(GMT -4:00) Atlantic Time (Canada), Caracas, La Paz</option>"
+"      <option value=\"-3.5\">(GMT -3:30) Newfoundland</option>"
+"      <option value=\"-3\">(GMT -3:00) Brazil, Buenos Aires, Georgetown</option>"
+"      <option value=\"-2\">(GMT -2:00) Mid-Atlantic</option>"
+"      <option value=\"-1\">(GMT -1:00 hour) Azores, Cape Verde Islands</option>"
+"      <option value=\"+0\">(GMT) Western Europe Time, London, Lisbon, Casablanca</option>"
+"      <option value=\"+1\">(GMT +1:00 hour) Brussels, Copenhagen, Madrid, Paris</option>"
+"      <option value=\"+2\">(GMT +2:00) Kaliningrad, South Africa</option>"
+"      <option value=\"+3\">(GMT +3:00) Baghdad, Riyadh, Moscow, St. Petersburg</option>"
+"      <option value=\"+3.5\">(GMT +3:30) Tehran</option>"
+"      <option value=\"+4\">(GMT +4:00) Abu Dhabi, Muscat, Baku, Tbilisi</option>"
+"      <option value=\"+4.5\">(GMT +4:30) Kabul</option>"
+"      <option value=\"+5\">(GMT +5:00) Ekaterinburg, Islamabad, Karachi, Tashkent</option>"
+"      <option value=\"+5.5\">(GMT +5:30) Bombay, Calcutta, Madras, New Delhi</option>"
+"      <option value=\"+5.75\">(GMT +5:45) Kathmandu</option>"
+"      <option value=\"+6\">(GMT +6:00) Almaty, Dhaka, Colombo</option>"
+"      <option value=\"+7\">(GMT +7:00) Bangkok, Hanoi, Jakarta</option>"
+"      <option selected value=\"+8\">(GMT +8:00) Kuala Lumpur, Beijing, Singapore, Hong Kong</option>"
+"      <option value=\"+9\">(GMT +9:00) Tokyo, Seoul, Osaka, Sapporo, Yakutsk</option>"
+"      <option value=\"+9.5\">(GMT +9:30) Adelaide, Darwin</option>"
+"      <option value=\"+10\">(GMT +10:00) Eastern Australia, Guam, Vladivostok</option>"
+"      <option value=\"+11\">(GMT +11:00) Magadan, Solomon Islands, New Caledonia</option>"
+"      <option value=\"+12\">(GMT +12:00) Auckland, Wellington, Fiji, Kamchatka</option>"
+"</select></td><td><input id=\"timeZoneField\" maxlength=\"6\" type=\"text\" value=\"+8\" size=\"15\" readonly></input></td>"
+" <tr>"
+"  <td>Eid Ul Fitr<br/>CallBack</td><td>Function</td><td><input id=\"eidulfitrCallback\" size=\"15\" value=\"/*nothing*/\"></input></td>"
+" </tr>"
+" <tr>"
+"  <td rowspan=\"2\">Position<a title=\"How To Get Latitude And Longitude Coordinate?\" href=\"http://hantujavascript.blogspot.com/2012/07/how-to-get-latitude-and-longitude.html\" target=\"_blank\">[?]</a></td>"
+"  <td>Latitude(North)</td><td><input id=\"latitudeNorth\" onkeydown=\"return numberOnly(event);\" type=\"text\" value=\"3.132508\" size=\"15\"></input></td>"
+" </tr>"
+" <tr>"
+"  <td>Longitude(East)</td><td><input id=\"longitudeEast\" onkeydown=\"return numberOnly(event);\" type=\"text\" value=\"101.683998\" size=\"15\"></input></td>"
+" </tr>"
+" <tr>"
+"  <td colspan=\"3\" style=\"text-align:center\">Element</td>"
+" </tr><tr>"
+"  <td rowspan=\"4\">Allow</td>"
+"  <td><label for=\"allowImageChange\">Image Change</label></td><td><input id=\"allowImageChange\" type=\"checkbox\" onclick=\"if(!this.checked){for(var i=0;i&lt;document.getElementsByName('d'+this.id).length;i++){document.getElementsByName('d'+this.id)[i].style.display='none'}}else{for(var i=0;i&lt;document.getElementsByName('d'+this.id).length;i++){document.getElementsByName('d'+this.id)[i].style.display=''}}\" checked></input></td>"
+" </tr><tr>"
+"  <td><label for=\"allowTimeTable\">Time Table</label></td><td><input id=\"allowTimeTable\" type=\"checkbox\" onclick=\"if(!this.checked){for(var i=0;i&lt;document.getElementsByName('d'+this.id).length;i++){document.getElementsByName('d'+this.id)[i].style.display='none'}}else{for(var i=0;i&lt;document.getElementsByName('d'+this.id).length;i++){document.getElementsByName('d'+this.id)[i].style.display=''}}\" checked></input></td>"
+" </tr><tr>"
+"  <td><label for=\"allowShowTimeAndDate\">Show Time And Date</label></td><td><input id=\"allowShowTimeAndDate\" type=\"checkbox\" checked></input></td>"
+" </tr><tr>"
+"  <td><label for=\"allowSound\">Sound</label></td><td><input id=\"allowSound\" type=\"checkbox\" onclick=\"if(!this.checked){for(var i=0;i&lt;document.getElementsByName('d'+this.id).length;i++){document.getElementsByName('d'+this.id)[i].style.display='none'}}else{for(var i=0;i&lt;document.getElementsByName('d'+this.id).length;i++){document.getElementsByName('d'+this.id)[i].style.display=''}}\" checked></input></td>"
+" </tr><tr>"
+"  <td colspan=\"3\" style=\"text-align:center\">Style</td>"
+" </tr>"
+" <tr>"
+"  <td rowspan=\"7\">Size</td>"
+"  <td>Width</td><td><input id=\"styleWidth\" type=\"text\" value=\"180\" size=\"3\" maxlength=\"3\" onkeydown=\"return numberOnly(event);\" onkeydown=\"return numberOnly(event);\"></input>px</td>"
+" </tr>"
+" <tr>"
+"  <td>Border Radius</td><td><input id=\"styleBorderRadius\" type=\"text\" value=\"10\" size=\"3\" maxlength=\"2\" onkeydown=\"return numberOnly(event);\"></input>px</td>"
+" </tr>"
+" <tr>"
+"  <td>Border Width</td><td><input id=\"styleBorderWidth\" type=\"text\" value=\"1\" size=\"3\" maxlength=\"2\" onkeydown=\"return numberOnly(event);\"></input>px</td>"
+" </tr>"
+" <tr>"
+"  <td>Font Size</td><td><input id=\"styleFontSize\" type=\"text\" value=\"16\" size=\"3\" maxlength=\"2\" onkeydown=\"return numberOnly(event);\"></input>px</td>"
+" </tr>"
+" <tr>"
+"  <td>Main Padding</td><td><input id=\"styleMaindPadding\" type=\"text\" value=\"5\" size=\"3\" maxlength=\"2\" onkeydown=\"return numberOnly(event);\"></input>px</td>"
+" </tr>"
+" <tr>"
+"  <td>Table Padding</td><td><input id=\"styleTablePadding\" type=\"text\" value=\"3\" size=\"3\" maxlength=\"2\" onkeydown=\"return numberOnly(event);\"></input>px</td>"
+" </tr>"
+" <tr>"
+"  <td>Main Image Padding</td><td><input id=\"styleMainImagePadding\" type=\"text\" value=\"5\" size=\"3\" maxlength=\"2\" onkeydown=\"return numberOnly(event);\"></input>px</td>"
+" </tr>"
+" <tr>"
+"  <td colspan=\"3\" style=\"text-align:center\"><label for=\"allowImageChange\">Image Change</label></td>"
+" </tr><tr name=\"dallowImageChange\">"
+"  <td rowspan=\"7\">URL</td>"
+"  <td>Image Of Sunrise</td><td><input id=\"urlSunrise\" type=\"text\" value=\"http://js-and-all.googlecode.com/svn/Sahur Dan Berbuka Reminder v2.0/Photo/1sr.jpg\" size=\"20\"></input></td>"
+" </tr>"
+" <tr name=\"dallowImageChange\">"
+"  <td>Image Of Midday</td><td><input id=\"urlMidday\" type=\"text\" value=\"http://js-and-all.googlecode.com/svn/Sahur Dan Berbuka Reminder v2.0/Photo/2md.jpg\" size=\"20\" ></input></td>"
+" </tr>"
+" <tr name=\"dallowImageChange\">"
+"  <td>Image Of Sunset</td><td><input id=\"urlSunset\" type=\"text\" value=\"http://js-and-all.googlecode.com/svn/Sahur Dan Berbuka Reminder v2.0/Photo/3ss.jpg\" size=\"20\" ></input></td>"
+" </tr>"
+" <tr name=\"dallowImageChange\">"
+"  <td>Image Of Night</td><td><input id=\"urlNight\" type=\"text\" value=\"http://js-and-all.googlecode.com/svn/Sahur Dan Berbuka Reminder v2.0/Photo/4ng.jpg\" size=\"20\" ></input></td>"
+" </tr>"
+" <tr name=\"dallowImageChange\">"
+"  <td>Image Of Midnight</td><td><input id=\"urlMidnight\" type=\"text\" value=\"http://js-and-all.googlecode.com/svn/Sahur Dan Berbuka Reminder v2.0/Photo/5mn.jpg\" size=\"20\" ></input></td>"
+" </tr>"
+" <tr name=\"dallowImageChange\">"
+"  <td>Image Of Fajr</td><td><input id=\"urlImsak\" type=\"text\" value=\"http://js-and-all.googlecode.com/svn/Sahur Dan Berbuka Reminder v2.0/Photo/6fj.jpg\" size=\"20\" ></input></td>"
+" </tr>"
+" <tr name=\"dallowImageChange\">"
+"  <td>Image Of Eid Ul Fitr</td><td><input id=\"urlEidUlFitr\" type=\"text\" value=\"http://js-and-all.googlecode.com/svn/Sahur Dan Berbuka Reminder v2.0/Photo/KD.png\" size=\"20\" ></input></td>"
+" </tr>"
+" <tr name=\"dallowImageChange\">"
+"  <td rowspan=\"4\">Message<br/>Change</td>"
+"  <td>Suhoor</td><td><input id=\"mesejSuhoor\" type=\"text\" value=\"Time To Suhoor!\" maxlength=\"22\" size=\"17\"></input></td>"
+" </tr>"
+" <tr name=\"dallowImageChange\">"
+"  <td>Fasting</td><td><input id=\"mesejFasting\" type=\"text\" value=\"Happy Fasting!\" maxlength=\"22\" size=\"17\"></input></td>"
+" </tr>"
+" <tr name=\"dallowImageChange\">"
+"  <td>Iftar</td><td><input id=\"mesejIftar\" type=\"text\" value=\"Happy Fast Breaking!\" maxlength=\"22\" size=\"17\"></input></td>"
+" </tr>"
+" <tr name=\"dallowImageChange\">"
+"  <td>Eid Ul Fitr</td><td><input id=\"mesejEidUlFitr\" type=\"text\" value=\"Happy Eid Ul Fitr!!!!\" maxlength=\"22\" size=\"17\"></input></td>"
+" </tr>"
+" <tr name=\"dallowImageChange\">"
+"  <td rowspan=\"2\">Runtime Bar</td>"
+"  <td>Back</td><td><input id=\"barBack\" type=\"text\" maxlength=\"7\" value=\"#f00\" size=\"10\"></input></td>"
+" </tr>"
+" <tr name=\"dallowImageChange\">"
+"  <td>Front</td><td><input id=\"barFront\" type=\"text\" maxlength=\"7\" value=\"#0f0\" size=\"10\"></input></td>"
+" </tr>"
+" <tr>"
+"  <td colspan=\"3\" style=\"text-align:center\"><label for=\"allowTimeTable\">Time Table</label></td>"
+" </tr><tr name=\"dallowTimeTable\">"
+"  <td rowspan=\"3\">Words</td>"
+"  <td>Title</td><td><input id=\"wordTitle\" type=\"text\" value=\"Suhoor And Iftar Time\" size=\"15\"></input></td>"
+" </tr>"
+" <tr name=\"dallowTimeTable\">"
+"  <td>Imsak</td><td><input id=\"wordImsak\" type=\"text\" value=\"Imsak\" size=\"15\"></input></td>"
+" </tr>"
+" <tr name=\"dallowTimeTable\">"
+"  <td>Iftar</td><td><input id=\"wordIftar\" type=\"text\" value=\"Maghrib\" size=\"15\"></input></td>"
+" </tr>"
+" <tr name=\"dallowTimeTable\">"
+"  <td rowspan=\"3\">Reminder<br/>Color</td>"
+"  <td>Background Wait</td><td><input id=\"reminderColorWait\" type=\"text\" maxlength=\"7\" value=\"#f55\" size=\"10\"></input></td>"
+" </tr>"
+" <tr name=\"dallowTimeTable\">"
+"  <td>Background Now</td><td><input id=\"reminderColorNow\" type=\"text\" maxlength=\"7\" value=\"#55f\" size=\"10\"></input></td>"
+" </tr>"
+" <tr name=\"dallowTimeTable\">"
+"  <td>Text Color</td><td><input id=\"reminderColorText\" type=\"text\" maxlength=\"7\" value=\"#fff\" size=\"10\"></input></td>"
+" </tr>"
+" <tr>"
+"  <td colspan=\"3\" style=\"text-align:center\"><label for=\"allowSound\">Sound</label></td>"
+" </tr><tr name=\"dallowSound\">"
+"  <td rowspan=\"3\">Allow</td><td>Suhoor"
+"  Alarm</td><td><input id=\"allowSoundSuhoor\" type=\"checkbox\" checked></input>"
+"  <input id=\"soundSuhoorHours\" style=\"text-align:right\" type=\"text\" maxlength=\"2\" value=\"04\" size=\"1\"></input>:<input id=\"soundSuhoorMinutes\" type=\"text\" maxlength=\"2\" value=\"00\" size=\"1\"></input></td>"
+" </tr>"
+" <tr name=\"dallowSound\">"
+"  <td>Maghrib Adhan</td><td><input id=\"allowSoundMaghrib\" type=\"checkbox\" checked></input></td>"
+" </tr>"
+" <tr name=\"dallowSound\">"
+"  <td>Takbir</td><td><input id=\"allowSoundTakbir\" type=\"checkbox\" checked></input></td>"
+" </tr>"
+" <tr name=\"dallowSound\">"
+"  <td rowspan=\"3\">File</td><td>Suhoor"
+"  Alarm</td><td><input id=\"fileSoundSuhoor\" type=\"text\" value=\"http://js-and-all.googlecode.com/svn/Sahur Dan Berbuka Reminder v2.0/Music/Alarm.mp3\" size=\"20\"></td>"
+" </tr>"
+" <tr name=\"dallowSound\">"
+"  <td>Maghrib Adhan</td><td><input id=\"fileSoundMaghrib\" type=\"text\" value=\"http://js-and-all.googlecode.com/svn/Sahur Dan Berbuka Reminder v2.0/Music/Adhan Makkah.mp3\" size=\"20\"></td>"
+" </tr>"
+" <tr name=\"dallowSound\">"
+"  <td>Takbir</td><td><input id=\"fileSoundTakbir\" type=\"text\" value=\"http://js-and-all.googlecode.com/svn/Sahur Dan Berbuka Reminder v2.0/Music/Takbir.mp3\" size=\"20\"></td>"
+" </tr>"
+" <tr id=\"doneTextEdit\" style=\"display:none;\">"
+"  <td colspan=\"3\" style=\"text-align:center\">"
+"  <textarea id=\"allFormResult\" cols=\"40\" rows=\"6\" onclick=\"this.focus();this.select();\">gfdsag</textarea>"
+"  </td>"
+" </tr>"
+" <tr>"
+"  <td colspan=\"3\" style=\"text-align:center\">"
+"    <input type=\"button\" onclick=\"previewSWBP2POmker();window.location.href='#topOfForm';\" value=\"Preview\"></input>"
+"    <input type=\"button\" onclick=\"customizeSWBP2POmker();this.focus();\" value=\"Customize\"></input>"
+"    <input type=\"button\" onclick=\"resetSWBP2POmker();\" value=\"Reset\"></input>"
+"  </td>"
+" </tr></tbody></table>")
function customizeSWBP2POmker(){
	function gtElId(d){
		return document.getElementById(d);
	}
	var vallowImageChange = gtElId('allowImageChange').checked;
	var vallowTimeTable = gtElId('allowTimeTable').checked;
	var vallowShowTimeAndDate = gtElId('allowShowTimeAndDate').checked;
	var vallowSound = gtElId('allowSound').checked;
	//--------------------------------------------------timezone and lati and long
	var vtimeZoneField = gtElId('timeZoneField');
	var vlatitudeNorth = gtElId('latitudeNorth');
	var vlongitudeEast = gtElId('longitudeEast');
	var veidulfitrCallback = gtElId('eidulfitrCallback');
	//------------------------------------------------------------Style
	var vstyleWidth = gtElId('styleWidth');
	var vstyleBorderRadius = gtElId('styleBorderRadius');
	var vstyleBorderWidth = gtElId('styleBorderWidth');
	var vstyleFontSize = gtElId('styleFontSize');
	var vstyleMaindPadding = gtElId('styleMaindPadding');
	var vstyleTablePadding = gtElId('styleTablePadding');
	var vstyleMainImagePadding = gtElId('styleMainImagePadding');
	//------------------------------------------------------------Image Change
	//url image
	var vurlSunrise = gtElId('urlSunrise');
	var vurlMidday = gtElId('urlMidday');
	var vurlSunset = gtElId('urlSunset');
	var vurlNight = gtElId('urlNight');
	var vurlMidnight = gtElId('urlMidnight');
	var vurlImsak = gtElId('urlImsak');
	var vurlEidUlFitr = gtElId('urlEidUlFitr');
	//message change
	var vmesejSuhoor = gtElId('mesejSuhoor');
	var vmesejFasting = gtElId('mesejFasting');
	var vmesejIftar = gtElId('mesejIftar');
	var vmesejEidUlFitr = gtElId('mesejEidUlFitr');
	//runtime bar background & frontground
	var vbarBack = gtElId('barBack');
	var vbarFront = gtElId('barFront');
	//------------------------------------------------------------Time Table
	//words
	var vwordTitle = gtElId('wordTitle');
	var vwordImsak = gtElId('wordImsak');
	var vwordIftar = gtElId('wordIftar');
	//reminder color
	var vreminderColorWait = gtElId('reminderColorWait');
	var vreminderColorNow = gtElId('reminderColorNow');
	var vreminderColorText = gtElId('reminderColorText');
	//------------------------------------------------------------Sound
	//allow
	var vallowSoundSuhoor = gtElId('allowSoundSuhoor').checked;
	var vsoundSuhoorHours = gtElId('soundSuhoorHours');
	var vsoundSuhoorMinutes = gtElId('soundSuhoorMinutes');
	
	var vallowSoundMaghrib = gtElId('allowSoundMaghrib').checked;
	var vallowSoundTakbir = gtElId('allowSoundTakbir').checked;
	//File
	var vfileSoundSuhoor = gtElId('fileSoundSuhoor');
	var vfileSoundMaghrib = gtElId('fileSoundMaghrib');
	var vfileSoundTakbir = gtElId('fileSoundTakbir');
	//-------------------------------------------------------------setting
	var ddta = new Date();
	var vdoneTextEdit = gtElId('doneTextEdit');
	var textAll = gtElId('allFormResult');
	var fsdas='';
	ddta=ddta-0;
	if(vallowShowTimeAndDate==true){
		fsdas='<script src="http://js-and-all.googlecode.com/svn/trunk/IslamicDate.js"></script>';
	}
	textAll.value='';
	textAll.value+='<center><div id="igetIt'+ddta+'" onmouseover="document.getElementById(\'goahaed'+ddta+'\').style.opacity=\'1\';document.getElementById(\'goahaed'+ddta+'\').style.filter=\'alpha(opacity=100)\'" onmouseout="document.getElementById(\'goahaed'+ddta+'\').style.opacity=\'0.5\';document.getElementById(\'goahaed'+ddta+'\').style.filter=\'alpha(opacity=50)\'">\n<div id="BerbukaMain'+ddta+'"></div><div align="right"><a href="http://hantujavascript.blogspot.com/" target="_blank"><img border="0" height="18x" id="goahaed'+ddta+'" src="http://4.bp.blogspot.com/-fpHObd2Scrw/T-QF0Q5SP8I/AAAAAAAAAcM/Ze-237G2C1k/s320/HantuJavascririptMininBanner.png" width="65" style="display: inline;opacity:0.5; filter:alpha(opacity=50)"></a></div></div>\n<script src="https://js-and-all.googlecode.com/svn/Sahur Dan Berbuka Reminder v2.0/Sahur Dan Berbuka Reminder v2.0.js"></script>\n<script src="https://js-and-all.googlecode.com/svn/Sahur Dan Berbuka Reminder v2.0/PrayTimes.js"></script>\n'+fsdas+'\n<script>\nvar IGS="";\nvar adhanAudioSource = new Array(),takbirAudioSource = new Array(),sahurAlarmSource = new Array(),putTheAdhanAudio = true,putTakbirAudio = true, putSahurAlarm=true,changeImg = true,\nmsjSahur,msjPuasa,msjBerbuka,msjRaya,msjSblm,msjSlps,msjWaktuSmasa,sunriseImg,middayImg,sunsetImg,nightImg,midnightImg,fajarImg,\nallowImgTimeChange='+vallowImageChange+',\nallowShowFastingTime='+vallowTimeTable+',\nallowShowTimeOfNow='+vallowShowTimeAndDate+',\nallowSoundPuasa={\nadhan: '+vallowSoundMaghrib+',\ntakbir: '+vallowSoundTakbir+',\nsahur: ['+vallowSoundSuhoor+',\''+(vsoundSuhoorHours.value%24)+':'+(vsoundSuhoorMinutes.value%60)+'\'],\n};\n//--------------------------------------------------------------PROPERTY\nsunriseImg="'+vurlSunrise.value+'";\nmiddayImg="'+vurlMidday.value+'";\nsunsetImg="'+vurlSunset.value+'";\nnightImg="'+vurlNight.value+'";\nmidnightImg="'+vurlMidnight.value+'";\nfajarImg="'+vurlImsak.value+'";\nKadRaya="'+vurlEidUlFitr.value+'";\nmsjSahur = "'+vmesejSuhoor.value+'";\nmsjPuasa = "'+vmesejFasting.value+'";\nmsjBerbuka = "'+vmesejIftar.value+'";\nmsjRaya = "'+vmesejEidUlFitr.value+'";\nmsjWaktuSmasa = "'+vwordTitle.value+'";\nmsjSblm = "'+vwordImsak.value+'";\nmsjSlps = "'+vwordIftar.value+'";\nsahurAlarmSource[0]="'+vfileSoundSuhoor.value+'";\nadhanAudioSource[0]="'+vfileSoundMaghrib.value+'";\ntakbirAudioSource[0]="'+vfileSoundTakbir.value+'";\nvar fadzXX=\''+vreminderColorWait.value+'\',fadzYY=\''+vreminderColorNow.value+'\',fadzZZ=\''+vreminderColorText.value+'\';\nfunction callbackHriRaya(){//---Put Function Bellow To Callback If Eid ul(aidilfitri) ftr day is Started----\n'+veidulfitrCallback.value+'\n}\nSWBP2PO(allowImgTimeChange,allowShowFastingTime,allowShowTimeOfNow,'+vlatitudeNorth.value+','+vlongitudeEast.value+','+vtimeZoneField.value+','+ddta+','+vstyleBorderRadius.value+',\''+vstyleBorderWidth.value+'px solid\','+vstyleMaindPadding.value+','+vstyleTablePadding.value+','+vstyleMainImagePadding.value+','+vstyleWidth.value+','+vstyleFontSize.value+',\''+vbarBack.value+'\',\''+vbarFront.value+'\');\n</script>\n</center>';
	vdoneTextEdit.style.display='';
	textAll.focus();
	textAll.select();
}
function resetSWBP2POmker(){
	function gtElId(d){
		return document.getElementById(d);
	}
	for(var t=0;t<gtElId('DropDownTimezone').options.length;t++){
		if(gtElId('DropDownTimezone').options[t].value=='+8'){
			gtElId('DropDownTimezone').options[t].selected=true;
			break;
		}
	}
	gtElId('allowImageChange').checked=true;
	gtElId('allowTimeTable').checked=true;
	gtElId('allowShowTimeAndDate').checked=true
	gtElId('allowSound').checked=true;
	//--------------------------------------------------timezone and lati and long
	gtElId('timeZoneField').value='+8';
	gtElId('latitudeNorth').value='3.132508';
	gtElId('longitudeEast').value='101.683998';
	gtElId('eidulfitrCallback').value='/*nothing*/';
	//------------------------------------------------------------Style
	gtElId('styleWidth').value='180';
	gtElId('styleBorderRadius').value='10';
	gtElId('styleBorderWidth').value='1';
	gtElId('styleFontSize').value='16';
	gtElId('styleMaindPadding').value='5';
	gtElId('styleTablePadding').value='3';
	gtElId('styleMainImagePadding').value='5';
	//------------------------------------------------------------Image Change
	//url image
	gtElId('urlSunrise').value='http://js-and-all.googlecode.com/svn/Sahur Dan Berbuka Reminder v2.0/Photo/1sr.jpg';
	gtElId('urlMidday').value='http://js-and-all.googlecode.com/svn/Sahur Dan Berbuka Reminder v2.0/Photo/2md.jpg';
	gtElId('urlSunset').value='http://js-and-all.googlecode.com/svn/Sahur Dan Berbuka Reminder v2.0/Photo/3ss.jpg';
	gtElId('urlNight').value='http://js-and-all.googlecode.com/svn/Sahur Dan Berbuka Reminder v2.0/Photo/4ng.jpg';
	gtElId('urlMidnight').value='http://js-and-all.googlecode.com/svn/Sahur Dan Berbuka Reminder v2.0/Photo/5mn.jpg';
	gtElId('urlImsak').value='http://js-and-all.googlecode.com/svn/Sahur Dan Berbuka Reminder v2.0/Photo/6fj.jpg';
	gtElId('urlEidUlFitr').value='http://js-and-all.googlecode.com/svn/Sahur Dan Berbuka Reminder v2.0/Photo/KD.png';
	//message change
	gtElId('mesejSuhoor').value='Time To Suhoor!';
	gtElId('mesejFasting').value='Happy Fasting!';
	gtElId('mesejIftar').value='Happy Fast Breaking!';
	gtElId('mesejEidUlFitr').value='Happy Eid Ul Fitr!!!!';
	//runtime bar background & frontground
	gtElId('barBack').value='#f00';
	gtElId('barFront').value='#0f0';
	//------------------------------------------------------------Time Table
	//words
	gtElId('wordTitle').value='Suhoor And Iftar Time';
	gtElId('wordImsak').value='Imsak';
	gtElId('wordIftar').value='Maghrib';
	//reminder color
	gtElId('reminderColorWait').value='#f55';
	gtElId('reminderColorNow').value='#55f';
	gtElId('reminderColorText').value='#fff';
	//------------------------------------------------------------Sound
	//allow
	gtElId('allowSoundSuhoor').checked=true;
	gtElId('soundSuhoorHours').value='04';
	gtElId('soundSuhoorMinutes').value='00';
	gtElId('allowSoundMaghrib').checked=true;
	gtElId('allowSoundTakbir').checked=true;
	//File
	gtElId('fileSoundSuhoor').value='http://js-and-all.googlecode.com/svn/Sahur Dan Berbuka Reminder v2.0/Music/Alarm.mp3';
	gtElId('fileSoundMaghrib').value='http://js-and-all.googlecode.com/svn/Sahur Dan Berbuka Reminder v2.0/Music/Adhan Makkah.mp3';
	gtElId('fileSoundTakbir').value='http://js-and-all.googlecode.com/svn/Sahur Dan Berbuka Reminder v2.0/Music/Takbir.mp3';
	gtElId('doneTextEdit').style.display='none';
	document.getElementById('upperOpenPreviewSWBP2PO').style.display='none';
	gtElId('allFormResult').value='';
}
function previewSWBP2POmker(){
	function gtElId(d){
		return document.getElementById(d);
	}
	var vallowImageChange = gtElId('allowImageChange').checked;
	var vallowTimeTable = gtElId('allowTimeTable').checked;
	var vallowShowTimeAndDate = gtElId('allowShowTimeAndDate').checked;
	//------------------------------------------------------------Style
	var vstyleWidth = gtElId('styleWidth');
	var vstyleBorderRadius = gtElId('styleBorderRadius');
	var vstyleBorderWidth = gtElId('styleBorderWidth');
	var vstyleFontSize = gtElId('styleFontSize');
	var vstyleMaindPadding = gtElId('styleMaindPadding');
	var vstyleTablePadding = gtElId('styleTablePadding');
	var vstyleMainImagePadding = gtElId('styleMainImagePadding');
	//------------------------------------------------------------Image Change
	//url image
	var vurlEidUlFitr = gtElId('urlEidUlFitr');
	//message change
	var vmesejIftar = gtElId('mesejIftar');
	//runtime bar background & frontground
	var vbarBack = gtElId('barBack');
	var vbarFront = gtElId('barFront');
	//------------------------------------------------------------Time Table
	//words
	var vwordTitle = gtElId('wordTitle');
	var vwordImsak = gtElId('wordImsak');
	var vwordIftar = gtElId('wordIftar');
	//reminder color
	var vreminderColorNow = gtElId('reminderColorNow');
	var vreminderColorText = gtElId('reminderColorText');
	//-------------------------------------------------------------setting
	var ddta = new Date();
	var GAR = gtElId('openPreviewSWBP2PO');
	var fsdas='';
	var L='\n-wibkit-border-radius:'+vstyleBorderRadius.value+'px;\n-moz-border-radius:'+vstyleBorderRadius.value+'px;\n-o-border-radius:'+vstyleBorderRadius.value+'px;\nborder-radius:'+vstyleBorderRadius.value+'px;';
	ddta=parseInt((ddta-0)/1000);
	fsdas='<center><div id="BerbukaMain'+ddta+'">';
	fsdas+='<style>\n#BerbukaMain'+ddta+' {\nbehavior: url(http://js-and-all.googlecode.com/svn/trunk/ie-css3.htc);font-size:'+vstyleFontSize.value+'px;'+L+'\nborder:'+vstyleBorderWidth.value+'px solid;\n width:'+vstyleWidth.value+'px;\npadding:'+vstyleMaindPadding.value+'px;\n}\n#BerbukaMain'+ddta+' table {\ntext-align:center;'+L+'\nborder:'+vstyleBorderWidth.value+'px solid;\npadding:'+vstyleTablePadding.value+'px;\nmargin-bottom:3px;\n}\n#BerbukaMain'+ddta+' table td {'+L+'\nborder:'+vstyleBorderWidth.value+'px solid;\n}\n#myTimeWrite'+ddta+' {'+L+'\nborder:'+vstyleBorderWidth.value+'px solid;\n}\n#innerMainImg'+ddta+' {'+L+'\nborder:'+vstyleBorderWidth.value+'px solid;\npadding:'+vstyleMainImagePadding.value+'px;\nmargin-bottom:3px;\n}\n</style>';
	
	if(vallowImageChange){fsdas+='\n<div id="innerMainImg'+ddta+'">\n<img id="thumbImg'+ddta+'" width="'+(vstyleWidth.value-vstyleBorderRadius.value-vstyleMainImagePadding.value-vstyleMaindPadding.value-10)+'" height="'+((vstyleWidth.value-vstyleBorderRadius.value-vstyleMainImagePadding.value-vstyleMaindPadding.value-10)*(100/150))+'" style="-wibkit-border-radius:'+vstyleBorderRadius.value+'px;-moz-border-radius:'+vstyleBorderRadius.value+'px;-o-border-radius:'+vstyleBorderRadius.value+'px;border-radius:'+vstyleBorderRadius.value+'px;" src="'+vurlEidUlFitr.value+'"/>\n<div id="outFastingBar'+ddta+'" style="-wibkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;background:'+vbarBack.value+';height:7px;width:'+(vstyleWidth.value-vstyleBorderRadius.value-vstyleMainImagePadding.value-vstyleMaindPadding.value-vstyleMainImagePadding.value-vstyleMaindPadding.value)+'px;text-align:right;">\n<div id="inFastingBar'+ddta+'" style="-wibkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;background:'+vbarFront.value+';height:7px;width:'+(vstyleWidth.value-vstyleBorderRadius.value-vstyleMainImagePadding.value-vstyleMaindPadding.value-vstyleMainImagePadding.value-vstyleMaindPadding.value)+'px;"></div></div>\n<div id="theFastingMessage'+ddta+'">'+vmesejIftar.value+'</div>\n</div>';}
	
	if(vallowTimeTable){fsdas+='\n<table style="width:100%;">\n<tr>\n<td colspan="2" style="word-wrap:break-word">'+vwordTitle.value+'</td>\n</tr>\n<tr>\n<td id="sahurMsg'+ddta+'" style="word-wrap:break-word">'+vwordImsak.value+'</td>\n<td id="berbukaMsg'+ddta+'" style="word-wrap:break-word;background:'+vreminderColorNow.value+';color:'+vreminderColorText.value+';">'+vwordIftar.value+'</td>\n</tr><tr>\n<td id="sahurTime'+ddta+'">5:57 AM</td>\n<td id="berbukaTime'+ddta+';" style="background:'+vreminderColorNow.value+';color:'+vreminderColorText.value+';">7:28 PM</td>\n</tr>\n</table>';}
	
	if(vallowShowTimeAndDate){fsdas+='\n<div id="myTimeWrite'+ddta+'">21 July 2012<br/>Sabtu, 1 Ramadan 1433 AH<br/>19:50</div>';}
	fsdas+='</div><span style="font-size:12px">This Is Just An Example.<br/>(Click "Preview" To Update this preview)</span></center>';
	GAR.innerHTML=fsdas
	document.getElementById('upperOpenPreviewSWBP2PO').style.display='';
}
function numberOnly(evt){evt=(evt)?evt:window.event
var charCode=(evt.which)?evt.which:evt.keyCode
if(evt.shiftKey&&charCode<48&&charCode>57||charCode>32&&charCode<48||charCode>57&&charCode<91||charCode>111){status="number only only..."
return false}
status=""
return true}